<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="styles/css/app.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/Swiper/3.4.1/css/swiper.min.css">
</head>
<body>
<div class="bai-width">
    <div class="ming_hed">
        <!--<img src="assets/ingmes/2.png" alt="">-->
    </div>
    <div class="banner-container swiper-container">
        <div class="swiper-wrapper">
            <div class="banner-slide swiper-slide banner">
                <a href="javascript:viod(0);">
                        <img style="height: 600px" class="png_1" src="assets/img/banner.jpg" alt="">
                </a>
            </div>
            <div class="banner-slide swiper-slide">
                <a href="javascript:viod(0);">
                    <img style="height: 600px" src="assets/img/banner.jpg" alt="">
                </a>
            </div>

            <div class="banner-slide swiper-slide banner2">
                <a href="javascript:viod(0);">
                    <img style="height: 600px" class="png_1" src="assets/img/banner.jpg" alt="">
                </a>
            </div>
        </div>
        <!--需要焦点按钮时加这段div-->
        <!--<div class="banner-pagination pagination">-->
            <!--<span></span>-->
        <!--</div>-->
        <div class="student width margin">
            <div class="Student-list">
                <div class="content">
                    <div class="list">
                        宏景HKICPA高分学员榜
                    </div>
                    <div class="content2">
                        <div class="name stop" >
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                        <div class="name top">
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                        <div class="name bottom">
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                        <div class="name" >
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                        <div class="name" >
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                        <div class="name" >
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                        <div class="name" >
                            <span>张三</span>
                            <span class="padding">宏景深圳学员</span>
                            <span>全科通过</span>
                            <p>FAR 94 BEC 82 AUD 97 REG94</p>
                        </div>
                    </div>
                    <div class="footer">
                        加入宏景,下一个成功的就是你
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="salary">
        <img src="assets/img/salary.png" alt="">
       <div class="title">
           <span class="list"></span>
           <h2>HKICPA专业人士薪资对比</h2>
           <span class="last"></span>
       </div>
        <span class="Copy">
            数据来源于:薪酬数据库PayScale,平均薪资包括基本工资,奖金，利润分红等;单位:<strong>万港币</strong>
        </span>
    </div>
    <div class="register bai-width">
            <div class="bai_img register_gb_">
                <!--<img src="assets/img/X.jpg" alt="">-->
            </div>
            <div class="box" style="width: 50%;float: right;">
                <div class="box1">
                        <p>
                            香港注册会计师公会（Hong Kong Institute of Certified
                            Public Accountants），香港唯一法定专业会计师注册及认
                            证组织，专责培训、发展及监管香港会计行业，公会的成员
                            会获得香港“注册会计师”的称号。取得香港CPA资格者目前
                            就职于会计师事务所、商界管理层、政府部门、教育界等领域
                            。38%的会员担任总裁、合伙人、董事等职位，俨然成为高
                            薪职业的通行证，由于HKICPA可与全球数十个国家及地区会
                            计证可以相互认可，香港和大陆政府都大力推广此专业资
                            格证书。
                        </p>
                        <div class="ad_">
                            <a class="understand" href="">了解更多</a>
                            <a class="Consultation " href="">立即咨询</a>
                        </div>
                </div>
            </div>
    </div>
    <div class="bai-width">
        <div class="but width margin">
            <ul>
                <li class="line_1">
                    <img src="assets/img/guide.png" alt="">
                    <p>报考指南</p>
                </li>
                <li class="line_2">
                    <img src="assets/img/modify.png" alt="">
                    <p>HKICPA改制</p>
                </li>
                <li class="line_2">
                    <img src="assets/img/core.png" alt="">
                    <p>选课中心</p>
                </li>
                <li class="line_2">
                    <img src="assets/img/help.png" alt="">
                    <p>讲师介绍</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="Building">
        <div class="content width margin">
            <div class="title">
               <div class="box">
                   <span class="list"></span>
                   <span class="last"></span>
                   <p>HKICPA=N国注册会计师</p>
               </div>
                <p class="wen">开启高新财务职业大门洞“万能”钥匙</p>
            </div>
            <div class="icon">
                <ul>
                    <li class="list_wo">
                        <img src="assets/img/1.png" alt="">
                        <p>国内外高认可度</p>
                    </li>
                    <li  class="list_wo2">
                        <img src="assets/img/2.png" alt="">
                        <p>可与国会计证书互换</p>
                    </li>
                    <li  class="list_wo2">
                        <img src="assets/img/3.png" alt="">
                        <p>国内设有考点</p>
                    </li>
                    <li  class="list_wo2">
                        <img src="assets/img/4.png" alt="">
                        <p>年薪超过50w</p>
                    </li>
                </ul>
                <ul class="img_cod">
                    <li class="list_wo">
                        <img src="assets/img/5.png" alt="">
                        <p>国内外高认可度</p>
                    </li>
                    <li class="list_wo2">
                        <img src="assets/img/6.png" alt="">
                        <p>可与国会计证书互换</p>
                    </li>
                    <li class="list_wo2">
                        <img src="assets/img/7.png" alt="">
                        <p>国内设有考点</p>
                    </li>
                    <li class="list_wo2">
                        <img src="assets/img/8.png" alt="">
                        <p>年薪超过50w</p>
                    </li>
                </ul>
            </div>
            <div class="paragraph">
                <div class="Dot">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="Dot right">
                    <span></span>
                    <span></span>
                    <span class="spad"></span>
                </div>
                <p>HKICPA是唯一可与中国注册会计师考试互免的证书</p>
            </div>
            <div class="ad_2">
                <a class="understand" href="">了解更多</a>
                <a class="Consultation " href="">立即咨询</a>
            </div>
        </div>
    </div>
    <div class="shape">
        <div class="width margin">
           <div class="title_4">
               <span class="left"></span>
               <p>如何报考HKICPA?</p>
               <span class="right"></span>
           </div>
            <div class="Apply_p">
                <div class="left">
                    <ul>
                        <li>
                            <img src="assets/img/shape/data.png" alt="">
                            <p class="wend">1.确定报考资格</p>
                            <p class="last">公会认可的大学会计专业本科学生，修读的科目满足特定科目要求。</p>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <img src="assets/img/shape/process.png" alt="">
                            <p class="wend">1.确定报考资格</p>
                            <div class="arrow">
                                <span class="left">1.注册账户，填写基本信息</span>
                                <span class="right">2.支付费用，递交学历资料</span>
                                <img src="assets/img/shape/ArrowRight.png" alt="">
                            </div>
                            <div class="ArrowButtom">
                                <img src="assets/img/shape/ArrowButtom.png" alt="">
                            </div>
                            <div class="arrowLeft">
                                <span class="left">4.参加workshop和笔试</span>
                                <span class="right">5.通过审核，报名考试</span>
                                <img src="assets/img/shape/ArrowLeft.png" alt="">
                            </div>
                            <div class="Curved">
                                <img src="assets/img/shape/Curved.png" alt="">
                                <p>5.通过考试，申请执照</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ad_3 width margin">
            <a class="understand" href="">了解更多</a>
            <a class="Consultation " href="">立即咨询</a>
        </div>
    </div>
    <div class="heavy width margin">
        <div class="title4">
            <span class="left"></span>
            <span class="right"></span>
            <p>重磅消息：2018年HKICPA将改制，难度将加大！</p>
        </div>
        <div class="img">
           <div class="img2">
               <img src="assets/img/Heavy/date.png" alt="">
               <p><span>改制时间：</span>改制最早将于2018年9月开始
                   评审</p>
           </div>
            <div class="img2 get">
                <img src="assets/img/Heavy/Subject.png" alt="">
                <p><span>改制科目：</span>在原来的QP基础上增加了10个可豁免的科目</p>
            </div>
            <div class="img2">
                <img src="assets/img/Heavy/objective.png" alt="">
                <p><span>改制目的:</span>降低准入标准，吸引更多人报考</p>
            </div>

        </div>
    </div>
    <div class="reform bai-width">
        <div class="left">
            <div class="psd">
                <P>
                    <span class="list1">1</span>
                    非会计专业的考生也能参加考试,但考试的科目增加。
                </P>
                <P class="p1">
                    <span class="list2">2</span>
                    可以豁免考试，考试科目数根据评估结果而定，但考试豁免需要额外缴纳豁免费用。
                </P>
                <P class="p2 p1">
                    <span class="list3 list2">3</span>
                    单元考试的Workshop天数变少，但是final exam的workshop参加次数从0次增加到3次。
                </P>
                <P>
                    <span class="list4">4</span>
                    考试更加注重实践和综合分析能力，考试难度很可能会增加。
                </P>
                <P>
                    <span class="list5">5</span>
                    考试准入条件降低，考试人数增多，竞争加大。
                </P>
            </div>
        </div>
        <div class="right">
            <img src="assets/img/Reform .jpg" alt="">
            <div class="ad_4">
                <a class="understand" href="">了解更多</a>
                <a class="Consultation" href="">立即咨询</a>
            </div>
        </div>
    </div>
    <div class="eighteen bai-width">
        <div class="width margin">
            <div class="title5">
                <span class="left"></span>
                <span class="right"></span>
                <p>
                    18个月通过HKICPA考试，你可以做到！
                </p>
            </div>
            <div class="crossbar">
                <img src="assets/img/Eighteen/crossbar.jpg" alt="">
                <p>宏景金牌HKICPA培训服务</p>
            </div>
            <img src="assets/img/Eighteen/key.png" alt="">
            <div class="ad_5">
                <a class="understand" href="">了解更多</a>
                <a class="Consultation " href="">立即咨询</a>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="width margin">
            <div class="title5">
                <span class="left"></span>
                <span class="right"></span>
                <p>香港注册会计师公会资深QP老师授课</p>
            </div>
            <div class="mis_portrait">
                <div class="content">
                    <div class="left">
                        <h4>首席讲师：Mohan ZHENG</h4>
                        <P class="pid">AICPA美国注册会计师</P>
                        <P>HKICPA香港注册会计师</P>
                        <P>CMA美国注册管理会计师</P>
                        <P>美国Fordham University硕士</P>
                        <P>北京师范大学－香港浸会大学联合国际学院</P>
                        <P>致同会计师事务所(特殊普通合伙)上海分所</P>
                        <P>Anthony Brands（海外经历）</P>
                    </div>
                    <div class="right">
                        <img class="img_1" src="assets/img/introduce/1231231.png" alt="">
                        <img class="img_2" src="assets/img/introduce/Mohan-ZHENG-拷贝.png" alt="">
                    </div>
                </div>
                <div class="content">
                    <div class="left">
                        <h4>首席讲师：huangTianMing</h4>
                        <P class="pid">AICPA美国注册会计师</P>
                        <P>HKICPA香港注册会计师</P>
                        <P>CMA美国注册管理会计师</P>
                        <P>美国Fordham University硕士</P>
                        <P>北京师范大学－香港浸会大学联合国际学院</P>
                        <P>致同会计师事务所(特殊普通合伙)上海分所</P>
                        <P>Anthony Brands（海外经历）</P>
                    </div>
                    <div class="right">
                        <img class="img_1" src="assets/img/introduce/图层-882.png" alt="">
                        <img class="img_2" src="assets/img/introduce/Gillian-XU.png" alt="">
                    </div>
                </div>
                <div class="content">
                    <div class="left">
                        <h4>首席讲师：jiangYiMei</h4>
                        <P class="pid">AICPA美国注册会计师</P>
                        <P>HKICPA香港注册会计师</P>
                        <P>CMA美国注册管理会计师</P>
                        <P>美国Fordham University硕士</P>
                        <P>北京师范大学－香港浸会大学联合国际学院</P>
                        <P>致同会计师事务所(特殊普通合伙)上海分所</P>
                        <P>Anthony Brands（海外经历）</P>
                    </div>
                    <div class="right">
                        <img class="img_1" src="assets/img/introduce/5478.png" alt="">
                        <img class="img_2" src="assets/img/introduce/Kenneth-Man.png" alt="">
                    </div>
                </div>
            </div>
            <div class="ad_5 ad_gi">
                <a class="understand" href="">了解更多</a>
                <a class="Consultation " href="">立即咨询</a>
            </div>
            <div class="but_">
                <div class="portrait">
                    <div class="mis_portrait2">
                        <div class="portrait1">
                            <img src="assets/img/introduce/235.png" alt="">
                            <p>
                                <span class="spand">首席讲师</span>
                                <span>Mohan ZHENG</span>
                            </p>
                        </div>
                        <div class="portrait1">
                            <img src="assets/img/introduce/1235.png" alt="">
                            <p>
                                <span class="spand">首席讲师</span>
                                <span>Huang tian</span>
                            </p>
                        </div>
                        <div class="portrait1">
                            <img src="assets/img/introduce/111686786.png" alt="">
                            <p>
                                <span class="spand">首席讲师</span>
                                <span>jiang yi</span>
                            </p>
                        </div>
                    </div>
                    <div class="portrait2">
                        <img src="assets/img/introduce/235.png" alt="">
                        <img class="img_left40" src="assets/img/introduce/1235.png" alt="">
                        <img class="img_left40" src="assets/img/introduce/111686786.png" alt="">
                    </div>
                </div>
                <div class="arrow_">
                    <img class="left" src="assets/img/introduce/left.png" alt="">
                    <img class="right" src="assets/img/introduce/right.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="Audition width margin">
        <div class="title_da">
            <span class="left"></span>
            <span class="right"></span>
            <p>香港注册会计师(HKICPA)课程试听</p>
        </div>
        <div class="misHead">
            <div class="img_a">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
            <div class="img_a bor">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
            <div class="img_a bor">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
            <div class="img_a bor">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
        </div>
        <div class="misHead misHead2">
            <div class="img_a">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
            <div class="img_a bor">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
            <div class="img_a bor">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
            <div class="img_a bor">
                <img src="assets/img/Audition.png" alt="">
                <p class="modu">
                    Module 课程试听 A
                    <span>Helen</span>
                </p>
                <div  class="but_">点击观看</div>
            </div>
        </div>
    </div>
    <div class="case bai-width">
        <div class="width margin case_a">
            <div class="title_da" style="width: 300px">
                <span class="left"></span>
                <span class="right"></span>
                <p style="text-align: center;">真实案例</p>
            </div>
            <div class="xueYun">
                <div class="xueYun1">
                    <img src="assets/img/case/Administration .png" alt="">
                    <span>高分学员</span>
                </div>
                <div class="xueYun2">
                    <img src="assets/img/case/share .png" alt="">
                    <span>学员分享</span>
                </div>
            </div>
            <div class="informa">
                <div class="information">
                    <div class="head_b">
                        <div class="Carousel">
                            <div class="ousel">
                                <img src="assets/img/case/name.png" alt="">
                                <div class="info">
                                    <p>学员A</p>
                                    <p>学习模式：三合一</p>
                                    <p>报名日期：2015年5月20日</p>
                                    <p>毕业院校：武汉理工大学</p>
                                    <p>考试科目：素质测试+Final Exam</p>
                                    <p>已通过科目：Hong Kong Law</p>
                                    <p>通过时间：2016年8月</p>
                                </div>
                            </div>
                            <div class="ousel">
                                <img src="assets/img/case/name.png" alt="">
                                <div class="info">
                                    <p>报名日期</p>
                                    <p>学习模式：三合一</p>
                                    <p>报名日期：2015年5月20日</p>
                                    <p>毕业院校：武汉理工大学</p>
                                    <p>考试科目：素质测试+Final Exam</p>
                                    <p>已通过科目：Hong Kong Law</p>
                                    <p>通过时间：2016年8月</p>
                                </div>
                            </div>
                        </div>
                        <div class="ad_8 ad-2">
                            <a class="understand" href="">了解更多</a>
                            <a class="Consultation " href="">立即咨询</a>
                        </div>
                        <div class="spae">
                            <img class="left" src="assets/img/case/left.png" alt="">
                            <img class="right" src="assets/img/case/right.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="video_">
                    <div class="video">

                    </div>
                    <p>
                        宏景学员 “xue wang” 学习心得及感言分享
                    </p>
                </div>
            </div>
            <div class="marks">
                <img src="assets/img/case/marks.png" alt="">
                <p>高分截图</p>
            </div>
            <div class="lunBo">
                <div id="highMarks" class="imgs_">
                    <ul class="oul_carousel">
                        <li><img class="HighMarks_img" src="assets/img/case/205.png" alt=""></li>
                        <li><img class="HighMarks_img"src="assets/img/case/205.png" alt=""></li>
                        <li><img class="HighMarks_img" src="assets/img/case/205.png" alt=""></li>
                        <li><img class="HighMarks_img" src="assets/img/case/205.png" alt=""></li>
                    </ul>
                </div>
                <div class="but_s">
                    <img class="left_fen left" src="assets/img/case/left.png" alt="">
                    <img class="left_fen right" src="assets/img/case/right.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="gather bai-width">
        <div class="width margin">
            <div class="title_da" style="width: 300px">
                <span class="left"></span>
                <span class="right"></span>
                <p style="text-align: center;">聚焦宏景</p>
            </div>
            <p class="last">深圳市泛特宏景咨询有限公司属国际专业进修学院100%控股的外资教育集团，公司国内总部设在深圳，在北京、上海、香港、美国、澳大利亚、新加坡等20个地方设有分公司</p>
            <div class="imags">
                <img src="assets/img/Gather/1.png" alt="">
                <img class="last_ad" src="assets/img/Gather/2.png" alt="">
                <img class="last_ab" src="assets/img/Gather/3.png" alt="">
                <img src="assets/img/Gather/4.png" alt="">
            </div>
        </div>
    </div>
    <div class="information2 bai-width">
        <div class="width margin">
            <div class="title_ig">
                <div class="info">宏景资讯</div>
                <div class="share">考经分享</div>
            </div>
            <div class="details">
                <div class="left">
                    <p>
                        <img src="" alt="">
                         宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                         <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                </div>
                <div class="right left">
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>
                    <p>
                        <img src="" alt="">
                        宏景国际教育联合美国百年大学海格思大学
                        <a href=""> 查看详情 >> </a>
                    </p>

                </div>
            </div>
        </div>
    </div>
    <div class="bridge bai-width">
        <div class="width margin">
            <div class="title_da" style="width: 500px;margin-bottom: 23px">
                <span class="left"></span>
                <span class="right"></span>
                <p style="text-align: center;">HKICPA，是你移居香港OR工作的桥梁 </p>
            </div>
            <p class="bor">培训，考证，工作推荐，移民一站式服务</p>
            <div class="content_z">
                <h4>香港优才简介</h4>
                <p>
                    香港是繁华的国际大都市，是仅次于伦敦和纽约的全球第三大金融中心。其历来都是华人移居的热门地区，良好的社会福利体系、教育水平以及150多个国家免签的世界公民身份尤其吸引想要移民的人士。为了顺应国际大趋势，宏景国际教育集团已经全面开展移居香港的优才计划服务，为您一站式服务，让您移居香港，真切地享受到香港居民的种种福利。迄今为止，通过优才计划，宏景已成功为上百位学员成功申请到香港身份，并陆续安排工作和定居。
                </p>
            </div>
            <div class="logo_s">
                <ul>
                    <li>
                        <img src="assets/img/bridge/welfare1.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/quality2.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/identity3.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/Birth4.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/education5.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/world6.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/work7.png" alt="">
                        <p>优质人居</p>
                    </li>
                    <li>
                        <img src="assets/img/bridge/welfare1.png" alt="">
                        <p>优质人居</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="about bai-width" >
        <div class="width margin">
            <div class="content_in">
                <div class="code">
                    <img src="assets/img/about/code.png" alt="">
                    <p class="about_h">关于宏景USCPA</p>
                    <p>了解更多资讯</p>
                </div>
                <div class="input_1">
                    <div class="put_v">
                        <ul>
                            <li>
                                <img src="assets/img/about/character.png" alt="">
                                <input class="put_1" type="text" placeholder="请输入你的姓名">
                            </li>
                            <li class="li_s">
                                <img src="assets/img/about/teb.png" alt="">
                                <input class="put_1" type="text" placeholder="请输入你的电话">
                            </li>
                            <li class="li_s">
                                <img src="assets/img/about/mailbox.png" alt="">
                                <input class="put_1" type="text" placeholder="请输入你的邮箱">
                            </li>
                            <li class="li_sdf">
                                立即评估
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_1">

    </div>
</div>
<script src="styles/js/jquery.min.js"></script>
<!--<script src="app/js/banner.js"></script>-->
<script src="styles/js/swiper.min.js"></script>
<script src="js/app.js"></script>
<!--<script src="js/template.tpl.js"></script>-->
<script>
    $(function () {
        $(".ming_hed").load("php/nav_head.php");
        $(".footer_1").load("php/nav_footer.php");
    })
    var mySwiper = new Swiper('.banner-container',{
        loop: true, //用来循环播放
        pagination: '.banner-pagination', //显示焦点按钮
        paginationClickable: '.banner-pagination' //焦点按钮可点击
    });
    setInterval("mySwiper.slideNext()", 8000);//swiper.min.js插件

window.onload=function(){
    var oDiv=document.getElementById("highMarks");
    var oUl=document.getElementsByClassName("oul_carousel")[0];
    var aLi=oUl.getElementsByTagName("li");
    var speed=-2;
    oUl.innerHTML+=oUl.innerHTML;
    //console.log(oUl.innerHTML);
    oUl.style.width=aLi[0].offsetWidth*aLi.length+'px';
    //console.log(oUl.style.width);//结果是1600px
    function demo(){
        if (oUl.offsetLeft<-oUl.offsetWidth/2) {
            oUl.style.left='0';
        }
        if (oUl.offsetLeft>0) {
            oUl.style.left=-oUl.offsetWidth/2+'px';
        }
        oUl.style.left=oUl.offsetLeft+speed+'px';
        //console.log(oUl.style.left=-oUl.offsetWidth/2+'px');结果是-1600
        //console.log(oUl.style.left=oUl.offsetWidth/2+'px'); //结果是1600

    }
    var timer=setInterval(demo,30);
    oDiv.onmouseover=function(){
        clearInterval(timer);
    }
    oDiv.onmouseout=function(){
        timer=setInterval(demo,30);
    }
    var a=document.getElementsByClassName("left_fen")[0].onclick=function(){
        speed=-2;
    };
    var b=document.getElementsByClassName("left_fen")[1].onclick=function(){
        speed=2;
    };
}
</script>
</body>
</html>
